// pages/food/food.js
var app = getApp()

Page({
  data: {
    location: "北京",
    num: 1, // 当前的页面数据
    listArr: [], // 列表信息
    msg: "", // 页面加载更多的提示信息
    navBarArr: [
      {
        id: 0,
        imgUrl: '../../images/item1.jpg',
        name: '美容养颜'
      },
      {
        id: 1,
        imgUrl: '../../images/item2.jpg',
        name: '保健调养'
      },
      {
        id: 2,
        imgUrl: '../../images/item3.jpg',
        name: '补养'
      },
      {
        id: 3,
        imgUrl: '../../images/item4.jpg',
        name: '减肥'
      },
      {
        id: 4,
        imgUrl: '../../images/item5.jpg',
        name: '母婴'
      },
      {
        id: 5,
        imgUrl: '../../images/item6.jpg',
        name: '气节'
      },
      {
        id: 6,
        imgUrl: '../../images/item7.jpg',
        name: '常见食疗'
      },
      {
        id: 7,
        imgUrl: '../../images/item8.jpg',
        name: '维生素'
      },    
    ]
  },
  onLoad: function (options) {
    // var cityName = wx.getStorageSync('cityName')
    // console.log('第一次进入', cityName);
    // console.log(options);
    // if(options.cityName) {
    //   // 存在选中的城市
    //   this.setData({
    //     location: options.cityName
    //   })
    // }
     // 1.进入页面立马获取信息
     wx.request({
      url: 'http://iwenwiki.com:3002/api/foods/list',
      data: {
        city: this.data.location,
        page: 1
      },
      success: (res) => {
        // console.log(res.data); 
        if(res.data.status == 200) {
          // console.log(res.data);
          this.setData({
            listArr: res.data.data.result
          }) 
        }else {
          console.log('请求失败');
        }
      }
    })
  },
  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onShow: function() {
    // console.log(app);
    // 请求数据

    // 获取本地存储
    var cityName = wx.getStorageSync('cityName')
    // console.log('onshow进入', cityName);
    if(cityName) {
      this.setData({
        location: cityName
      })
      wx.request({
        url: 'http://iwenwiki.com:3002/api/foods/list',
        data: {
          city: cityName,
          page: 1
        },
        success: (res) => {
          // console.log(res.data); 
          if(res.data.status == 200) {
            // console.log(res.data);
            this.setData({
              listArr: res.data.data.result
            }) 
          }else {
            // console.log('请求失败');
            // 情况listArr
            this.setData({
              listArr: []
            })
            wx.showToast({
              title: '此城市暂无数据',
            })
          }
        }
      })
    }
  },
  onPullDownRefresh: function () {
    // console.log("下拉刷新");
    // 1.配置当前页面的json文件 允许我们下拉
    // 2.下拉后重新请求数据---接口里面最新数据
    // 3.获取新的数据后,替换之前数据
    // wx.request({
    //   url: 'http://iwenwiki.com:3002/api/foods/list',
    //   data: {
    //     city: "上海",
    //     page: 1
    //   },
    //   success: (res) => {
    //     // console.log("111",res.data);
    //     this.setData({
    //       listArr: res.data.data.result
    //     }) 
    //   }
    // })
  
  }, 
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    console.log("下拉底部加载更多");
    // 当前的数据 页码
    this.data.num++
    console.log(this.data.num);
    // 页面滚动到底部加载更多数据----
    // 1.变量控制当前的第几次下拉--2.请求对应的页码接口--3.用之前数据+新数据
    wx.request({
      url: 'http://iwenwiki.com:3002/api/foods/list',
      data: {
        city: this.data.location,
        page: this.data.num++
      },     
      success: res => {
        // console.log(this.data.location);
        console.log("加载更多", res.data);
        if(res.data.status == 200) {
          this.setData({
            listArr: this.data.listArr.concat(res.data.data.result)
          }) 
        } else {
          // 没有数据了
          this.setData({
            msg: "我是有底线的,没有更多数据了!!!!!!!!!"
          })
          wx.showToast({
            title: '我是有底线的!',
          })
        }
      }
    })
  },
})